<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  <title>朵米儿</title>
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" href="css/core.css" />
  <link rel="stylesheet" href="css/swiper.min.css" />
  <script language="javascript" src="js/jquery.min.js"></script>
  <script language="javascript" src="js/bootstrap.min.js"></script>
  <script language="javascript" src="js/swiper.min.js"></script>
</head>

<body>
	<div class="header top2">
    <div class="container-fluid">
      <div class="col-md-3 col-xs-3">
        <a href="index.html">
          <img src="images/logo.jpg" class="img-responsive" style="width:70%;margin-top:0.5rem;margin-left:0.5rem;" />
        </a>
      </div>
      <div class="col-md-6 col-xs-7">
        <form class="form-inline">
          <div class="row">
            <div class="col-lg-6">
              <input type="text" class="search_lan"placeholder="请输入商品关键字" >
            </div><!-- /.col-lg-6 -->
          </div><!-- /.row -->
        </form>
      </div>
      <div class="col-md-3 col-xs-2">
        <a href="#">
          <img src="images/bag.jpg" class="img-responsive" style="margin-top:0.5rem;">
        </a>
      </div>
    </div>   
            
    <!--banner-->
    <div class="banner top2">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="images/banner.jpg" class="img-responsive" />
          </div>
          <div class="swiper-slide">
            <img src="images/banner.jpg" class="img-responsive" />
          </div>
          <div class="swiper-slide">
            <img src="images/banner.jpg" class="img-responsive" />
          </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <!--/banner-->         
	</div>
	<!--body-->
  <div class="container top2 text-center class">
    <div class="col-xs-3">
      <a href="#"><img src="images/ic01.png" class="img-responsive">夏装新品</a>
    </div>
    <div class="col-xs-3">
      <a href="#"><img src="images/ic02.png" class="img-responsive">男童专区</a>
    </div>
    <div class="col-xs-3">
      <a href="#"><img src="images/ic03.png" class="img-responsive">女童专区</a>
    </div>
    <div class="col-xs-3">
      <a href="#"><img src="images/ic04.png" class="img-responsive">春装特批</a>
    </div>
  </div>
  <div class="container top2 clearfix ad">
    <a href=""><i class="icon-volume pull-left"></i></a>
    <a href="#"><span class="pull-left">2017夏款上新，喜欢的款式请收藏！</span></a>
    <a href="#" class="pull-right">更多 &gt;</a>
  </div>
    
  <!--new style-->
  <div class="lm new_style">
  	<div class="lm_t container">
      <i></i>
      <span>3.20更新</span>
      <a href="#" class="pull-right">更多 &gt;</a>
    </div>
      <div class="lm_c">
        <a href="#">
          <i></i>
        </a>
        <a href="#">
          <img src="images/pro.jpg" class="img-responsive" />
        </a>
        <div class="shop_view container clearfix">
          <div class="row">
            <div class="col-md-10 col-xs-9">
              <p><a href="#">2017夏装中童纯棉蝴蝶结百褶中袖T恤衫E2132</a></p>
              <i>￥168.00</i><em>￥288.00</em>
            </div>
            <div class="col-md-2 col-xs-3">
              <a href="#">
               <img src="images/car.png" alt="" style="width:66%; margin-left:25px;margin-top:15px;"> 
              </a>
            </div>
          </div>
      </div>
    </div>
    <div class="lm_c">
      <a href="#"><i></i></a>
      <img src="images/pro.jpg" class="img-responsive" />
      <div class="shop_view container clearfix">
        <div class="row">
          <div class="col-md-10 col-xs-9">
            <p><a href="#">2017夏装中童纯棉蝴蝶结百褶中袖T恤衫E2132</a></p>
            <i>￥168.00</i>
            <em>￥288.00</em>
          </div>
          <div class="col-md-2 col-xs-3">
            <a href="#">
              <img src="images/car.png" class="img-responsive"style="width:66%; margin-left:25px;margin-top:15px;">
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--/new style-->

    <!--hot style-->
    <div class="lm new_style">
    	<div class="lm_t container">
        <i></i>
        <span>热销单品</span>
        <a href="#" class="pull-right">更多 &gt;</a>
      </div>
        <div class="lm_c container">
        	<div class="row">
            	<div class="col-xs-6">
                	<div class="lm_c">
                        <a href="#"><img src="images/hot_pro.jpg" class="img-responsive" style="padding-bottom:0.4rem;" /></a>
                        <div class="shop_view clearfix">
                            <p><a href="#">2017夏装中童纯棉......</a></p>
                            <p class="mony">
                              <span class="oldmony">￥288.00</span><br>
                              <span class="newmony">￥168.00</span>
                            </p>
                            <a href="#" class="pull-right"><img src="images/car.png" class="img-responsive"style="width:50%; float:right;"></a>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6">
                	<div class="lm_c">
                        <a href="#"><img src="images/hot_pro.jpg" class="img-responsive" /></a>
                        <div class="shop_view clearfix">
                            <p><a href="#">2017夏装中童纯棉......</a></p>
                            <p class="mony">
                              <span class="oldmony">￥288.00</span><br>
                              <span class="newmony">￥168.00</span>
                            </p>
                            <a href="#" class="pull-right"><img src="images/car.png" class="img-responsive"style="width:50%;float:right;"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="lm_c container">
        	<div class="row">
            	<div class="col-xs-6">
                	<div class="lm_c">
                        <a href="#"><img src="images/hot_pro.jpg" class="img-responsive" /></a>
                        <div class="shop_view clearfix">
                            <p><a href="#">2017夏装中童纯棉......</a></p>
                            <p class="mony">
                              <span class="oldmony">￥288.00</span><br>
                              <span class="newmony">￥168.00</span>
                            </p>
                            <a href="#" class="pull-right"><img src="images/car.png" class="img-responsive"style="width:50%;float:right;"></a>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6">
                	<div class="lm_c">
                        <a href="#"><img src="images/hot_pro.jpg" class="img-responsive" /></a>
                        <div class="shop_view clearfix">
                            <p><a href="#">2017夏装中童纯棉......</a></p>
                            <p class="mony">
                              <span class="oldmony">￥288.00</span><br>
                              <span class="newmony">￥168.00</span>
                            </p>
                            <a href="#" class="pull-right"><img src="images/car.png" class="img-responsive"style="width:50%;float:right;"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/hot style-->
    
    <!--/body-->

  <!--footer-->
  <div class="top4"></div>
  <div class="footer">
    <div class="text-center">
      <div class="foot_nav">
        <div class="btn-group btn-group-justified">
          <div class="btn-group">
            <a href="index.html">
              <button type="button" class="btn btn-default" style="border-radius:0;">
                <i class="icon-home"></i>
                <span class="mi-home">米朵儿</span>
              </button>
            </a>  
          </div>
          <div class="btn-group dropup">
            <button type="button" class="btn btn-default" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              <i class="icon-fl"></i> 
              <span class="mi-home" style="color:#7F7F7F;">分类</span>
            </button>
            <ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
                <li><a href="#"><i class="glyphicon glyphicon-star"></i>&nbsp;&nbsp;新品推荐</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#"><i class="glyphicon glyphicon-heart"></i>&nbsp;&nbsp;热销单品</a></li>
                <li role="separator" class="divider"></li>
                <li><a href="#"><i class="glyphicon glyphicon-refresh"></i>&nbsp;&nbsp;猜你喜欢</a></li>
            </ul>
          </div>
          <div class="btn-group">
            <button type="button" class="btn btn-default" onclick="window.open('tel:400-888-8888');"style="border-radius:0;">
              <i class="icon-my"></i>
              <span class="mi-home"style="color:#7F7F7F;">我的</span>
            </button>
          </div>
        </div>
      </div>
    </div>	
  </div>
  <!--/footer-->
	<script>
    var swiper = new Swiper('.banner .swiper-container', {
      pagination: '.banner .swiper-pagination',
      paginationClickable: true
    });
	var swiper = new Swiper('.scroll .swiper-container', {
    pagination: '.swiper-pagination',
    slidesPerView: 3,
    paginationClickable: true,
    spaceBetween: 30
    });
  </script>    
</body>
</html>
